---
title: Color modes
sidebar_position: 4
---

import ColorMode from '!!raw-loader!../examples/ColorMode';

# Color modes

Bootstrap v5.3 now supports color modes such as dark mode. Color modes can be
toggled globally on the `<html>` element, or on specific components and elements,
thanks to the `data-bs-theme` attribute.

## Example

<CodeBlock language="jsx" live>
  {ColorMode}
</CodeBlock>

## Customizing

For more information on how colors modes work or how to customize colors, check out
the <DocLink path="/customize/color-modes">Bootstrap color mode docs</DocLink>.
